<template>
	<view class="content">
		<view class="container">
			<img class="bg-img" style="background-size: contain;"
				src="https://scoringchina.oss-cn-beijing.aliyuncs.com/RolexGolf/saishifz.jpg"></img>
			<view class="btn-container">
				<view class="left-btn" @click="onLeftBtnClick"></view>
				<view class="right-btn" @click="onRightBtnClick"></view>
			</view>

		</view>


	</view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	onLoad() {

	},
	methods: {
		onLogin() {
			uni.navigateTo({
				url: '/pages/my/index'
			});
		},
		onLeftBtnClick() {
			uni.navigateBack()
		},
		onRightBtnClick() {
			console.log('右按钮点击');
			uni.redirectTo({
				url: '/pages/home/index'
			});
			
		}
	}
}
</script>

<style>
.content {
	width: 100vw;
	height: 100vh;

}

.container {
	position: relative;
}

.bg-img {
	/* position: absolute;
		top: 0;
		left: 0; */
	width: 100vw;

	object-fit: contain;
	z-index: 1;
	background-size: contain;

	overflow: hidden;
}



.btn-container {
	width: 100vw;
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 120px;
	display: flex;
	z-index: 3;
}

.left-btn,
.right-btn {
	flex: 1;
	padding: 24rpx 0;
	color: #fff;
	border-radius: 40rpx;
	text-align: center;
	font-size: 32rpx;
	height: 100%;
}


.login-btn {
	width: 100vw;
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 120px;
	display: flex;
	z-index: 3;
}

.left-btn,
.right-btn {
	flex: 1;
	padding: 24rpx 0;
	color: #fff;
	border-radius: 40rpx;
	text-align: center;
	font-size: 32rpx;
	height: 100%;
}


</style>